
.btn{
	display: inline-block;
	vertical-align: middle;
	height: 32px;
	padding: 7px 8px;
	border-radius: @base-input-radius;
	border: 0;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	.text{
		vertical-align: middle;
	}
	&.btn-file{
		position: relative;
		overflow: hidden;
		input[type="file"]{
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			opacity: 0;
			filter:alpha(opacity=0);
			font-size: 200px;
		}
	}
	&.btn-size-1{
		height: 16px;
		padding: 1px 4px;
		font-size: 12px;
		line-height: 1;
	}
	&.btn-sm,
	&.btn-size-2{
		height: 24px;
		padding: 4px;
	}
	&.btn-lg,
	&.btn-size-4{
		height: 32px;
		padding: 8px 16px;
		font-size: 16px;
	}
	&.btn-submit{
		min-width: 120px;
		height: 32px;
		font-size: 16px;
	}
	&.btn-radius{
		border-radius:999px;
	}
	&.baseWidth_2{
		min-width: 78px;
	}
	&.baseWidth_3,
	&.baseWidth{
		min-width: 150px;
	}
}
[data-type="label"]{
	margin-left: 4px;
	cursor: pointer;
}
.btn-default{
	background-color: @btn-bgcolor-default;
	border: @form-control-border;
	color: @btn-ftcolor-default;
	&:hover{

	}
	&.btn-inverse{
		color: @btn-bgcolor-default;
		background-color: @btn-ftcolor-default;
	}
}
.btn-primary{
	background-color: @btn-bgcolor-primary;
	border: 1px solid @btn-bgcolor-primary;
	color: #fff;
	&:hover{
		background-color: @btn-bgcolor-primary-hover;
		border: 1px solid @btn-bgcolor-primary-hover;
	}
	&:active{
		background-color: @main-style-color;
		border: 1px solid @main-style-color;
	}
	&.btn-inverse{
		color: @main-style-color;
		background-color: #fff;
	}
}
.btn-border-primary{
	border: 1px solid #37af62;
}
.btn-warning{
	background-color: #f3b414;
	color: #fff;
	&:hover{

	}
	&.btn-inverse{
		color: #fff;
		background-color: #f3b414;
	}
}

.btn-danger{
	background-color: #f83138;
	color: #fff;
	border: 1px solid #f83138;
	&:hover{

	}
	&.btn-inverse{
		color: #f83138;
		background-color: #fff;
	}
}


.btn-link{
	color: #38ba7a;
	text-decoration: underline;
	&:hover{

	}
}


.btn[disabled],
.btn.disabled,
.btn-disabled{
	background-color: #ccc;
	border-color: #ccc;
	//color: #fff;
	&:hover{
		background-color: #ccc;
		border-color: #ccc;
	}
	&.btn-inverse{
		color: #ccc;
		background-color: #fff;
	}
}
.btn-border-disable{
	border: 1px solid #999;
}

.btn-date{
	position: relative;
	[data-type="date-input"]{
		position: absolute;
		left: 0;
		bottom: 0;
	}
}

.input-group.password {
  position: relative;
  input[type="password"][data-tips]{
	  position: absolute;
	  left: 0;
	  top: 0;
	  background-color: transparent;
	  box-shadow: none;
	  &.focus {
		  background-color: #fff;
		  //-webkit-filter:blur(3px)
		  //box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	  }
  }
}
